<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/png" href="/travel.png" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=1.0,viewport-fit=cover" />
  <title>旅行小助手</title>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>
<style>
  * {
    margin: 0;
    padding: 0;
  }

  p {
    font-size: 16px;
    display: block;
    padding: 0;
    margin: 0;
  }

  img {
    display: block;
    border: none;
  }

  body {
    background: linear-gradient(to bottom left, #92e3fe, #cce9fb);
    /* background: linear-gradient(to bottom left, #32CD32, #ADFF2F); */
    /* background: linear-gradient(to bottom left, #FF69B4, #800080); */
    /* background: linear-gradient(to bottom left, #FFA500, #FFFF00); */
    /* background: linear-gradient(to bottom left, #8B4513, #FFA07A); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
  }

  .text-show {
    /* 文本超过2行就会隐藏显示 */
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .van-uploader__input-wrapper {
    display: flex !important;
  }
</style>

</html>